@charset "utf-8";
@import "compass";
@import "../common";
@import "../member/login";
/*图片精灵*/
$info-sprite-dimensions:true;
@import "info/*.png";

$arrow-sprite-dimensions:true;
@import "arrow/*.png";
/*web首页样式*/
//公共
//更多链接的样式
.more_link2 {float: right;color: #999;
  &:after {content: "";display: inline-block;vertical-align: middle;margin-left: 10px;@include info-sprite(add_gray);}
  &:hover:after {@include info-sprite(add);}
}
$new-sprite-dimensions:true;
@import "new/*.png";
.more_new {@include inline-block;@include new-sprite(more6);
  &:hover {@include new-sprite(more3);}
}
.more_txt {@include inline-block;@include new-sprite(more41);
  &:hover {@include new-sprite(more42);}
}
//list 样式
ul.list {
  li {
    &:before {content: "";@include inline-block;width: 6px;height: 6px;margin-right: 5px;border-radius: 100%;background: #85a9fc;}
    a {display: inline-block;width: 75%;vertical-align: top;@extend .ellipsis;color: #747474;}
    time {float: right;color:#999;}
  }
}
/* 广告条 */
.ad_bar {width: 100%;height: 110px;margin: 40px 0 35px;
  img {width: 100%;height: 100%;}
}

//web首页头部设计独立的样式
header.webIndex {background: $bg-white;
  .top_menu {border-bottom: 1px solid #eee;}
  .bot_menu {position: relative;height: 50px;line-height: 45px;padding: 25px 0;background: $bg-white;
    .car a {background: $bg-default;border:$border-default;}

    ul {position: relative;height: 50px;z-index:9;
      a {display: inline-block;padding: 0;width: 140px;color: $font-default-color;text-align: center; transition: color 0.1s ease-in;font-size: 16px;
        &:hover,&.active {background: none;}
      }
      li:hover a {color: #fff;}
    }
    .max-w {position: relative;}
    .moveBg {position: absolute;width: 140px;height: 45px;left: 280px;background: $bg-primary;z-index: 0;}
  }
}



body {background: $bg-white;}
//slider
.slidesBox {position: relative;overflow: hidden;width: 100%;height: 460px;
  .wrap{ height:100%;}
  .item{display:none;position:relative;height:100%;margin:0;padding:0;z-index:1;
    img {width: 100%;height: 100%;}
  }
  .btns{position:absolute;width: 100%;bottom:10px;z-index:3;text-align: center;}
  .btns a{width:10px;height:10px;display: inline-block;margin-right:5px;border-radius: 100%;border: 2px solid #fff;text-indent:-9999px; overflow:hidden;}
  .btns .on{background:#fff;}
}
#focusSlide.slidesBox {@extend .min-w;
  .wrap {position: absolute;width: 100%;}
  .con {position: relative;width: $max-w;margin: 0 auto;z-index: 3;}
  .arrow {width: 790px;margin-top: 200px;/*position: absolute;top: 210px; z-index: 3;*/@include transition(all,0.5s,linear);opacity: 1;
    .left {display:inline-block;float: left;@include arrow-sprite(index_l);}
    .right {display:inline-block;float: right;@include arrow-sprite(index_r);}
  }
  .btns {position:relative;width: $max-w;margin: 0 auto;bottom:-420px;text-align: left;}
  .panel_form {width: 250px;margin-top: 50px;padding: 0 40px;/*background: rgba(55,72,141,0.9);*/background: rgba(255,255,255,0.2);border-radius: 5px;
    &.on {margin-top: 15px;}
    .header {line-height: 60px;border-bottom: none;
      h1 {color: #fff;}
    }
    .row {background: #fff;border-radius: 4px;border:none;
      &.focus {border-color: #fff;outline: 0;@include box-shadow(inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(255, 255, 255, .6));}

      .form-control {width: 70%;background: #fff;color: #747474;}
      &.vcodeWrap .form-control {width: 41%;}
    }
    .checkbox-wrap {label {color: #fff;}}
    .link2 {color: #fff;}
  }
  .sub_btn {margin-bottom: 13px;background: #62d4b7;border-radius: 4px;}
}
//titleBar 首页头条
.titleBar {padding: 10px 0;margin-bottom: 50px;background: $bg-default;
  img {@include info-sprite(toutiao);}
  ul.list {display: inline-block;vertical-align: top;width: 280px;padding-left: 5px;margin-left: 15px;  }
  .more_link2 {margin-right: 20px;}
}

// panel2 首页的每个table块
.panel2 {margin-bottom: 30px;
  .header {@extend .clearfix;margin-bottom: 8px;
    strong {padding: 10px 0;font-size: 20px;line-height: 42px;font-weight:bold;color: #333;}
    ul {float: right;
      li {float: left;padding: 10px 0;@include transition(all 0.2 ease-in);
        &:hover  a {color: $font-primary-color;}
        &.active {background: $bg-primary;
          a {color: $font-white-color;border-color: transparent;}

        }
        &.more {background: $bg-white;
          &:hover a {background: none;color: $font-primary-color;text-decoration: underline;}
        }
      }
      a {display: inline-block;padding: 0 20px;min-width: 60px;border-right: $border-default;color: $font-info-color;text-align: center;}
      li.more a {border: none;}
    }
  }
  .body{@extend .clearfix;
    aside {@include float-left;width: 180px;padding: 0 30px;height: 405px;
      .title {margin:40px 0 25px;}
      .thumb {display: block;padding-bottom: 11px;margin-bottom: 25px;background: url(/res/mpe/img/web/ad_bg.png);}
      .btns {
        a {@include inline-block;width: 80px;height: 28px;line-height: 28px;margin-bottom: 10px;border: 1px solid rgba(245,245,245,0.25);color: $font-white-color;text-align: center;
          &:hover,
          &.active {border-color: #fff;}
        }
        a:nth-child(2n+1) {margin-right: 10px;}
      }
    }
    aside.bg0 {background: #02aab0;@include background(linear-gradient(top,#02aab0,#00cdac));}
    aside.bg1 {background: #6d99ff;@include background(linear-gradient(top,#6d99ff,#3d6cdf));}
    aside.bg2 {background: #ff7e5f;@include background(linear-gradient(top,#ff7e5f,#feb47b));}

    .wrap {position: relative;width: ($max-w - 240px);height: 405px;@include float-left;overflow:hidden;
      ul {position: absolute;
        li{float: left;}

      }
    }
    table {width: ($max-w - 240px);padding: 0 15px;border: $border-default;border-left: none;text-align: center;
      thead td {height: 46px;vertical-align: middle;color: #888;border-bottom: 1px solid #f5f5f5;;}
      tbody {color: #747474;
        tr {border-bottom: 1px solid #f5f5f5;
          &:hover {background: #f2f2f2;}
          &:last-child {border-bottom: none;}
        }

        td{height: 60px;padding: 5px;vertical-align: middle;}
      }

      .car {@include inline-block;padding: 4px 5px;margin-right: 5px;border: $border-default;border-radius: 100%;
        i {@include inline-block;@include info-sprite(car);}
        &:hover{background: $bg-primary;border-color: $border-primary-color;
          i {@include info-sprite(car_hover);}
        }
      }
      .buy {padding: 5px 15px;color: $font-primary-color;border: $border-default;border-radius: 25px;
        &:hover {background: $bg-primary;color: $font-white-color;border-color: $border-primary-color;}
      }
    }
  }
}
// 优质供应商
.panel2 .supporter_list {@extend .clearfix;border: $border-default;
  li {@include float-left;width: 239px;height: 100px;line-height: 100px;margin: 0 0 -1px -1px;border-left: $border-default;border-bottom: $border-default;text-align: center;vertical-align: middle;}
}
//合作银行
.panel2 {
  .header span {padding-left: 15px;margin-left: 15px;line-height: 14px;color: #999;border-left: 1px solid #dbdbdb;}
  .bank_list {@extend .clearfix;border: $border-default;
    li {@include float-left;width: (100%/6);height: 70px;line-height: 70px;text-align: center;vertical-align: middle;opacity: 0.5;
      &:hover {opacity: 1;}
    }
  }
}

//咨询模块
.panel_info {@extend .clearfix;
  .left {float: left;width: 270px;height: 400px;
    .slidesBox {height: 100%;}
  }
  .right {margin-left: 300px;height: 361px;padding: 15px 15px 24px;border: $border-default;
    article {@include float-left;width: 262px;padding: 0 13px;
      .thumb {width: 100%;height: 140px;margin:8px 0 25px;}
      .header {padding-bottom: 7px;border-bottom: $border-default;
        strong {font-size: 18px;color: $font-info-color;}
        .more_link2{/*padding: 2px 5px 3px;*/width: 25px;height: 25px;line-height: 24px;text-align: center;
          &:hover {border: $border-default;border-radius: 100%;}
          &:after {margin: 0;}
        }
      }
      ul.list {max-height: 130px;overflow: hidden;margin-top: 24px;
        li {margin-bottom: 14px;}
        a {width: 70%;}
      }

    }
  }
}


